<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五年级语文重点提升计划</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background: linear-gradient(135deg, #1a579a, #2c8f7b, #9b59b6);
            color: #333;
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        header {
            text-align: center;
            padding: 30px 0;
            margin-bottom: 30px;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            position: relative;
            overflow: hidden;
            border: 3px solid #3498db;
        }
        
        header::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background: linear-gradient(90deg, #3498db, #2ecc71, #9b59b6);
        }
        
        h1 {
            color: #2c3e50;
            font-size: 2.8rem;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        }
        
        .subtitle {
            color: #2980b9;
            font-size: 1.4rem;
            max-width: 800px;
            margin: 0 auto 20px;
            font-weight: 600;
        }
        
        .intro {
            background: rgba(255, 255, 255, 0.95);
            padding: 30px;
            border-radius: 15px;
            margin-bottom: 30px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            border-left: 5px solid #3498db;
        }
        
        .intro h2 {
            color: #3498db;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 1.8rem;
        }
        
        .intro-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        
        .problem-section, .solution-section {
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        }
        
        .problem-section {
            background: linear-gradient(135deg, #ffeded, #ffffff);
            border-left: 4px solid #e74c3c;
        }
        
        .solution-section {
            background: linear-gradient(135deg, #edf7ff, #ffffff);
            border-left: 4px solid #3498db;
        }
        
        .section-title {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            color: #2c3e50;
            font-size: 1.4rem;
        }
        
        .section-title i {
            margin-right: 10px;
            font-size: 1.5rem;
        }
        
        ul {
            padding-left: 25px;
            margin-bottom: 15px;
        }
        
        li {
            margin-bottom: 12px;
            line-height: 1.6;
        }
        
        .highlight {
            background: linear-gradient(135deg, #3498db, #2c8f7b);
            padding: 30px;
            border-radius: 15px;
            margin: 30px 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            color: white;
        }
        
        .highlight h3 {
            text-align: center;
            margin-bottom: 25px;
            font-size: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }
        
        .plan-section {
            background: rgba(255, 255, 255, 0.97);
            padding: 30px;
            border-radius: 15px;
            margin: 30px 0;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
        }
        
        .plan-section h2 {
            text-align: center;
            color: #9b59b6;
            margin-bottom: 30px;
            font-size: 2.2rem;
            padding-bottom: 15px;
            border-bottom: 3px solid #3498db;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
        }
        
        th {
            background: linear-gradient(135deg, #3498db, #2980b9);
            color: white;
            font-weight: 600;
            padding: 18px 15px;
            text-align: left;
            font-size: 1.1rem;
        }
        
        td {
            padding: 16px 15px;
            border-bottom: 1px solid #e0e0e0;
            vertical-align: top;
        }
        
        tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        
        tr:hover {
            background-color: #e3f2fd;
            transition: background-color 0.3s;
        }
        
        .week-header {
            background: linear-gradient(135deg, #9b59b6, #8e44ad);
            color: white;
            font-size: 1.3rem;
            font-weight: bold;
        }
        
        .focus-point {
            display: inline-block;
            background: #e74c3c;
            color: white;
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.85rem;
            margin: 5px 0;
            font-weight: 500;
        }
        
        .reading-focus {
            background: linear-gradient(135deg, #3498db, #2980b9);
        }
        
        .writing-focus {
            background: linear-gradient(135deg, #e74c3c, #c0392b);
        }
        
        .poetry-focus {
            background: linear-gradient(135deg, #2ecc71, #27ae60);
        }
        
        .tips {
            background: #e8f4f8;
            padding: 25px;
            border-radius: 15px;
            margin-top: 30px;
            border-left: 5px solid #3498db;
        }
        
        .tips h3 {
            color: #3498db;
            margin-bottom: 20px;
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .footer {
            text-align: center;
            margin-top: 40px;
            padding: 25px;
            color: white;
            font-size: 1.1rem;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 15px;
        }
        
        @media (max-width: 900px) {
            .intro-content {
                grid-template-columns: 1fr;
            }
            
            h1 {
                font-size: 2.2rem;
            }
            
            .subtitle {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 600px) {
            header {
                padding: 20px 10px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            th, td {
                padding: 12px 8px;
                font-size: 0.9rem;
            }
            
            .plan-section h2 {
                font-size: 1.7rem;
            }
        }
        
        .icon {
            font-size: 1.5rem;
            vertical-align: middle;
            margin-right: 8px;
        }
        
        .emphasis {
            background: #fff9c4;
            padding: 3px 6px;
            border-radius: 4px;
            font-weight: 600;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1><i class="fas fa-book-reader icon"></i>五年级语文重点提升计划</h1>
            <p class="subtitle">针对阅读理解与写作能力的强化训练方案</p>
        </header>
        
        <section class="intro">
            <h2><i class="fas fa-user-graduate"></i>学生语文学习情况分析</h2>
            <div class="intro-content">
                <div class="problem-section">
                    <div class="section-title">
                        <i class="fas fa-exclamation-triangle" style="color: #e74c3c;"></i>
                        <h3>当前存在的问题</h3>
                    </div>
                    <ul>
                        <li><strong>阅读理解：</strong>考试失分较多，理解分析能力需加强</li>
                        <li><strong>写作表达：</strong>内容较直白，缺乏修辞手法和细节描写</li>
                        <li><strong>古诗文学习：</strong>仅限于课内背诵，对背景知识了解不足</li>
                        <li><strong>表达深度：</strong>写作时缺乏素材和情感表达</li>
                    </ul>
                </div>
                
                <div class="solution-section">
                    <div class="section-title">
                        <i class="fas fa-lightbulb" style="color: #f39c12;"></i>
                        <h3>解决方案方向</h3>
                    </div>
                    <ul>
                        <li><strong>强化阅读训练：</strong>增加精读分析，学习答题技巧</li>
                        <li><strong>写作专项训练：</strong>学习描写技巧，积累修辞手法</li>
                        <li><strong>古诗文背景学习：</strong>结合诗人故事和历史背景</li>
                        <li><strong>素材积累：</strong>引导观察生活，积累写作素材</li>
                    </ul>
                </div>
            </div>
        </section>
        
        <section class="highlight">
            <h3><i class="fas fa-bullseye"></i> 语文能力提升目标</h3>
            <div class="goals-container" style="display: flex; justify-content: space-around; flex-wrap: wrap; text-align: center; margin-top: 20px;">
                <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; width: 22%; min-width: 200px; margin: 10px;">
                    <i class="fas fa-search" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
                    <h4>阅读理解</h4>
                    <p>提升理解深度，掌握答题技巧</p>
                </div>
                <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; width: 22%; min-width: 200px; margin: 10px;">
                    <i class="fas fa-pen-fancy" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
                    <h4>写作表达</h4>
                    <p>丰富描写手法，增强情感表达</p>
                </div>
                <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; width: 22%; min-width: 200px; margin: 10px;">
                    <i class="fas fa-feather-alt" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
                    <h4>古诗文理解</h4>
                    <p>了解背景知识，提高鉴赏能力</p>
                </div>
                <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; width: 22%; min-width: 200px; margin: 10px;">
                    <i class="fas fa-book-open" style="font-size: 2.5rem; margin-bottom: 15px;"></i>
                    <h4>课外阅读</h4>
                    <p>引导深度阅读，积累写作素材</p>
                </div>
            </div>
        </section>
        
        <section class="plan-section">
            <h2><i class="fas fa-calendar-alt"></i>语文强化学习计划表</h2>
            
            <table>
                <thead>
                    <tr>
                        <th width="15%">时间安排</th>
                        <th width="40%">学习内容与重点</th>
                        <th width="25%">专项训练</th>
                        <th width="20%">能力培养</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="week-header">
                        <td colspan="4">第一周：阅读理解强化周</td>
                    </tr>
                    <tr>
                        <td>周一</td>
                        <td>
                            <strong>记叙文精读训练</strong><br>
                            - 分析文章结构<br>
                            - 找出关键信息<br>
                            <span class="focus-point reading-focus">阅读重点</span>
                        </td>
                        <td>阅读理解练习（3篇）<br>错题分析</td>
                        <td>信息提取能力</td>
                    </tr>
                    <tr>
                        <td>周二</td>
                        <td>
                            <strong>说明文阅读技巧</strong><br>
                            - 抓取说明对象特征<br>
                            - 理解说明方法<br>
                            <span class="focus-point reading-focus">阅读重点</span>
                        </td>
                        <td>说明文阅读训练<br>归纳段落大意</td>
                        <td>逻辑分析能力</td>
                    </tr>
                    <tr>
                        <td>周三</td>
                        <td>
                            <strong>古诗鉴赏基础</strong><br>
                            - 学习《静夜思》背景<br>
                            - 理解诗歌意象<br>
                            <span class="focus-point poetry-focus">古诗重点</span>
                        </td>
                        <td>诗歌意境描绘<br>诗人背景研究</td>
                        <td>文学鉴赏能力</td>
                    </tr>
                    <tr>
                        <td>周四</td>
                        <td>
                            <strong>细节描写训练</strong><br>
                            - 学习人物外貌描写<br>
                            - 环境描写技巧<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>200字片段练习<br>描写对比分析</td>
                        <td>观察表达能力</td>
                    </tr>
                    <tr>
                        <td>周五</td>
                        <td>
                            <strong>课外阅读指导</strong><br>
                            - 阅读《草房子》章节<br>
                            - 做好读书笔记<br>
                            <span class="focus-point reading-focus">阅读重点</span>
                        </td>
                        <td>好词好句摘抄<br>章节内容复述</td>
                        <td>积累运用能力</td>
                    </tr>
                    
                    <tr class="week-header">
                        <td colspan="4">第二周：写作提升周</td>
                    </tr>
                    <tr>
                        <td>周一</td>
                        <td>
                            <strong>修辞手法学习</strong><br>
                            - 比喻、拟人手法训练<br>
                            - 在描写中运用修辞<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>改写句子练习<br>修辞手法运用</td>
                        <td>语言美化能力</td>
                    </tr>
                    <tr>
                        <td>周二</td>
                        <td>
                            <strong>情感表达训练</strong><br>
                            - 学习表达不同情感<br>
                            - 通过细节传递情感<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>情感描写片段<br>心情日记写作</td>
                        <td>情感表达能力</td>
                    </tr>
                    <tr>
                        <td>周三</td>
                        <td>
                            <strong>古诗中的情感</strong><br>
                            - 学习《春晓》背景<br>
                            - 分析诗人情感表达<br>
                            <span class="focus-point poetry-focus">古诗重点</span>
                        </td>
                        <td>诗歌情感分析<br>创作背景研究</td>
                        <td>情感理解能力</td>
                    </tr>
                    <tr>
                        <td>周四</td>
                        <td>
                            <strong>完整作文结构</strong><br>
                            - 学习开头结尾技巧<br>
                            - 段落过渡方法<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>作文大纲设计<br>开头结尾专项</td>
                        <td>结构组织能力</td>
                    </tr>
                    <tr>
                        <td>周五</td>
                        <td>
                            <strong>主题写作训练</strong><br>
                            - "我的一天"主题写作<br>
                            - 运用所学技巧<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>400字完整作文<br>自我评价修改</td>
                        <td>综合写作能力</td>
                    </tr>
                    
                    <tr class="week-header">
                        <td colspan="4">第三周：古诗文与综合能力周</td>
                    </tr>
                    <tr>
                        <td>周一</td>
                        <td>
                            <strong>文言文启蒙</strong><br>
                            - 学习简单文言文<br>
                            - 了解常见虚词用法<br>
                            <span class="focus-point poetry-focus">古诗重点</span>
                        </td>
                        <td>文言文小故事阅读<br>字词解释练习</td>
                        <td>古文理解能力</td>
                    </tr>
                    <tr>
                        <td>周二</td>
                        <td>
                            <strong>阅读理解综合</strong><br>
                            - 不同文体综合训练<br>
                            - 答题技巧总结<br>
                            <span class="focus-point reading-focus">阅读重点</span>
                        </td>
                        <td>综合阅读测试<br>限时训练</td>
                        <td>应试能力</td>
                    </tr>
                    <tr>
                        <td>周三</td>
                        <td>
                            <strong>诗人与历史背景</strong><br>
                            - 李白与盛唐文化<br>
                            - 杜甫与安史之乱<br>
                            <span class="focus-point poetry-focus">古诗重点</span>
                        </td>
                        <td>诗人故事学习<br>历史背景研究</td>
                        <td>文化理解能力</td>
                    </tr>
                    <tr>
                        <td>周四</td>
                        <td>
                            <strong>写作提升训练</strong><br>
                            - 学习细节描写<br>
                            - 加入心理活动描写<br>
                            <span class="focus-point writing-focus">写作重点</span>
                        </td>
                        <td>细节扩写练习<br>对比评析</td>
                        <td>细节描写能力</td>
                    </tr>
                    <tr>
                        <td>周五</td>
                        <td>
                            <strong>综合能力评估</strong><br>
                            - 阅读与写作测试<br>
                            - 学习成果检验<br>
                            <span class="focus-point">综合评估</span>
                        </td>
                        <td>模拟测试<br>错题整理</td>
                        <td>综合应用能力</td>
                    </tr>
                </tbody>
            </table>
            
            <div class="tips">
                <h3><i class="fas fa-graduation-cap"></i> 语文学习提升建议</h3>
                <ul>
                    <li><strong>阅读训练：</strong>每天坚持1篇阅读理解，做完后分析答题思路，总结错误原因</li>
                    <li><strong>写作提升：</strong>每周完成2-3个描写片段练习，重点使用比喻、拟人等修辞手法</li>
                    <li><strong>古诗文学习：</strong>学习古诗时先了解诗人背景和创作故事，再背诵诗句</li>
                    <li><strong>素材积累：</strong>建立"素材本"，收集生活中的有趣事件、人物特点等写作素材</li>
                    <li><strong>课外阅读：</strong>选择适合的青少年文学作品，阅读时划出优美句子并分析其表达方式</li>
                    <li><strong>修改习惯：</strong>写作文后先自己修改，重点检查描写是否生动，是否有修辞手法</li>
                    <li><strong>家长支持：</strong>多与孩子交流读书心得，鼓励描述日常生活中的细节</li>
                </ul>
            </div>
        </section>
        
        <div class="footer">
            <p>语文学习需要日积月累，每天进步一点点，坚持带来大改变！</p>
            <p>© 2023 五年级语文能力提升计划 | 设计：语文教育专家组</p>
        </div>
    </div>
    
    <script>
        // 表格行交互效果
        document.querySelectorAll('tbody tr').forEach(row => {
            if (!row.classList.contains('week-header')) {
                row.addEventListener('click', function() {
                    this.classList.toggle('selected-row');
                });
            }
        });
        
        // 页面加载动画
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(function() {
                document.body.style.opacity = 1;
            }, 100);
        });
    </script>
</body>
</html>